<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Alteração de Cadastro de Usuário</title>
        <link href="/Digipao/media/css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <link href="/Digipao/media/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
        <link href="/Digipao/media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="/Digipao/media/css/backgroud-digipao.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <form action="${pageContext.request.contextPath}/alteraCadastroCliente" method="get">
            <div id="fundo-externo">
                <div id="fundo">
                    <img src="/Digipao/media/images/zoom-bg-1.jpg" alt=""/>
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center margin-top-20">
                <h1 class="templatemo-site-title">
                    <img src="/Digipao/media/images/digipao100714-2115100714-2117.png" alt=""/>
                    <h2>Alteração de Cadastro de Cliente</h2>    
                </h1>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 margin-top-20">
                <div class="container-fluid container panel panel-default">
                    <table class="table table-hover table-striped"> 
                        <tr>
                            <td><label for="nome" id="nomeLabel">Nome:</label></td>
                            <td><input type="text" name="nome" id="nome" class="form-horizontal" value="${ClienteParaAlterar.nome}"></td> 
                        </tr>
                        
                         <tr>
                            <td><label for="endereco" id="enderecoLabel">Endereço:</label></td>
                            <td><input type="text" name="endereco" id="endereco" class="form-horizontal" value="${ClienteParaAlterar.endereco}"></td> 
                        </tr>

                        <tr>
                            <td><label for="bairro" id="bairroLabel">Bairro:</label></td>
                            <td><input type="text" name="bairro" id="bairro" class="form-horizontal" value="${ClienteParaAlterar.bairro}"></td> 
                        </tr>

                        <tr>
                            <td><label for="cidade" id="cidadeLabel">Cidade:</label></td>
                            <td><input type="text" name="cidade" id="cidade" class="form-horizontal" value="${ClienteParaAlterar.cidade}"></td> 
                        </tr>
                        
                        <tr>
                            <td><label for="estado" id="estadoLabel">Estado:</label></td>
                            <td><input type="text" name="estado" id="estado" class="form-horizontal" value="${ClienteParaAlterar.estado}"></td> 
                        </tr>

                        <tr>
                            <td><label for="email" id="emailLabel">E-mail:</label></td>
                            <td> <input type="text" name="email" id="email" class="form-horizontal" value="${ClienteParaAlterar.email}"></td> 
                        </tr>
                        
                        <tr>
                            <td><label for="login" id="loginLabel">Telefone:</label></td>
                            <td> <input type="text" name="telefone" id="telefone" class="form-horizontal"  value="${ClienteParaAlterar.telefone}"></td> 
                        </tr>                      
                    </table>

                    <div class="text-right">
                        <button class="btn btn-default" type="submit" name="operacao" value="Alterar">Alterar</button>
                        <button class="btn btn-default" type="submit" name="operacao" value="Cancelar">Cancelar</button>
                    </div>
                </div>
            </div>
        </form>
    </body>
</html>
